<!--
此文件为开发者工具生成，生成时间: 2023/6/10下午3:28:20
使用方法：
在 C:\Users\10769\Desktop\Sokach-shop-uniapp\dist\dev\mp-weixin\pages\goods\goods.wxml 引入模板

```
<import src="goods.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\10769\Desktop\Sokach-shop-uniapp\dist\dev\mp-weixin\pages\goods\goods.wxss 中引入样式
```
@import "./goods.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <scroll-view scroll-y="true" class="goods" enable-back-to-top="true">
      <view
        class="u-swiper swiper--u-swiper data-v-eda42115 swiper--data-v-eda42115"
        style="background-color: #f3f4f6; height: 428px; border-radius: 0px"
      >
        <swiper
          class="u-swiper__wrapper swiper--u-swiper__wrapper data-v-eda42115 swiper--data-v-eda42115"
          current="0"
          display-multiple-items="1"
          duration="300"
          easing-function="default"
          interval="3000"
          next-margin="0px"
          previous-margin="0px"
          style="height: 428px"
          circular="true"
          autoplay="false"
        >
          <swiper-item
            class="u-swiper__wrapper__item swiper--u-swiper__wrapper__item data-v-eda42115 swiper--data-v-eda42115"
            style="
              position: absolute;
              width: 100%;
              height: 100%;
              transform: translate(0%, 0px) translateZ(0px);
            "
          >
            <view
              class="u-swiper__wrapper__item__wrapper swiper--u-swiper__wrapper__item__wrapper data-v-eda42115 swiper--data-v-eda42115"
              style="true"
            >
              <image
                class="u-swiper__wrapper__item__wrapper__image swiper--u-swiper__wrapper__item__wrapper__image data-v-eda42115 swiper--data-v-eda42115 sk-image"
                mode="aspectFill"
                style="height: 428px; border-radius: 0px"
              ></image>
            </view>
          </swiper-item>
        </swiper>
        <view
          class="u-swiper__indicator swiper--u-swiper__indicator data-v-eda42115 swiper--data-v-eda42115"
          style="right: 20px"
        >
          <view class="indicator-num">
            <text class="indicator-num__text sk-transparent sk-text-14-2857-641 sk-text">1/5</text>
          </view>
        </view>
      </view>
      <view class="meta">
        <view class="price">
          <text class="symbol sk-transparent sk-opacity">¥</text>
          <text class="number sk-transparent sk-text-14-2857-54 sk-text">166.00</text>
        </view>
        <view class="name ellipsis sk-transparent sk-text-14-2857-433 sk-text"
          >极光限定 珠光蓝珐琅锅</view
        >
        <view class="desc"></view>
      </view>
      <view class="action">
        <view class="item">
          <view class="dec">
            <text class="label sk-transparent sk-text-14-2857-65 sk-text">选择</text>
            <text class="text ellipsis sk-transparent sk-text-14-2857-816 sk-text"
              >折叠款-进口白橡木</text
            >
          </view>
          <view
            class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right"
          >
            <text
              class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-281 sk-text"
              style="font-size: 18px; line-height: 18px; font-weight: normal; top: 0px; color: #ccc"
              ></text
            >
          </view>
        </view>
        <view class="item">
          <view class="dec">
            <text class="label sk-transparent sk-text-14-2857-134 sk-text">选择</text>
            <text class="text ellipsis sk-transparent sk-text-14-2857-432 sk-text"
              >请选择收货地址</text
            >
          </view>
          <view
            class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right"
          >
            <text
              class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-353 sk-text"
              style="font-size: 18px; line-height: 18px; font-weight: normal; top: 0px; color: #ccc"
              ></text
            >
          </view>
        </view>
        <view class="item">
          <view class="dec">
            <text class="label sk-transparent sk-text-14-2857-409 sk-text">服务</text>
            <text class="text ellipsis sk-transparent sk-text-14-2857-569 sk-text"
              >无忧退 快速退款 免费包裹</text
            >
          </view>
          <view
            class="u-icon icon--u-icon data-v-1c933a9a icon--data-v-1c933a9a u-icon--right icon--u-icon--right"
          >
            <text
              class="u-icon__icon icon--u-icon__icon data-v-1c933a9a icon--data-v-1c933a9a uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-345 sk-text"
              style="font-size: 18px; line-height: 18px; font-weight: normal; top: 0px; color: #ccc"
              ></text
            >
          </view>
        </view>
      </view>
      <view class="detail">
        <view class="top">
          <view class="title">
            <view class="icon"></view>
            <text class="txt sk-transparent sk-text-14-2857-622 sk-text">详情</text>
          </view>
          <view class="item">
            <view class="label sk-transparent sk-text-14-2857-880 sk-text">电压可变</view>
            <text class="dec sk-transparent sk-text-25-0000-600 sk-text">220V</text>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<style>
/*
此文件为开发者工具生成，生成时间: 2023/6/10下午3:28:20

在 C:\Users\10769\Desktop\Sokach-shop-uniapp\dist\dev\mp-weixin\pages\goods\goods.wxss 中引入样式
```
@import "./goods.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-641 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 29.4393rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-54 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 76.0514rpx;
  position: relative !important;
}
.sk-text-14-2857-433 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 44.1589rpx;
  position: relative !important;
}
.sk-text-14-2857-65 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-14-2857-816 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-0-0000-281 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 31.5421rpx;
  position: relative !important;
}
.sk-text-14-2857-134 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-14-2857-432 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-0-0000-353 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 31.5421rpx;
  position: relative !important;
}
.sk-text-14-2857-409 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-14-2857-569 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-0-0000-345 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 31.5421rpx;
  position: relative !important;
}
.sk-text-14-2857-622 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2523rpx;
  position: relative !important;
}
.sk-text-14-2857-880 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-25-0000-600 {
  background-image: linear-gradient(
    transparent 25%,
    #eeeeee 0%,
    #eeeeee 75%,
    transparent 0%
  ) !important;
  background-size: 100% 49.0654rpx;
  position: relative !important;
}
.sk-text-32-9268-452 {
  background-image: linear-gradient(
    transparent 32.9268%,
    #eeeeee 0%,
    #eeeeee 67.0732%,
    transparent 0%
  ) !important;
  background-size: 100% 71.8458rpx;
  position: relative !important;
}
.sk-text-32-9268-636 {
  background-image: linear-gradient(
    transparent 32.9268%,
    #eeeeee 0%,
    #eeeeee 67.0732%,
    transparent 0%
  ) !important;
  background-size: 100% 71.8458rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-image {
  background: #efefef !important;
}
</style>
